feat: redesign JSREI button with sophisticated dark theme

- Replace cheap-looking purple-pink gradient with professional dark theme
- Use sophisticated color palette:
  * Background: Dark slate gradient (#1a202c to #2d3748)
  * Text: Light gray (#e2e8f0) with white hover (#f7fafc)
  * Borders: Subtle light borders with low opacity
- Add premium visual effects:
  * Backdrop blur for modern glassmorphism
  * Multi-layered shadows for depth
  * Subtle inset highlights
  * Refined hover animations
- Reduce border radius for more professional appearance
- Enhance text shadows and icon filters for better contrast
- Create high-end, minimalist aesthetic that matches enterprise software

The new design eliminates the 'cheap' appearance and provides a
sophisticated, professional look that conveys authority and quality.

Author: CC11001100

website/index.html

@@ -705,24 +705,25 @@
             gap: 16px;
         }
 
-        /* JSREI 组织按钮样式 */
+        /* JSREI 组织按钮样式 - 高冷专业风格 */
         .jsrei-link {
             display: flex;
             align-items: center;
             gap: 8px;
             padding: 10px 18px;
-            border-radius: 12px;
+            border-radius: 8px;
             text-decoration: none;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
-            color: white;
-            border: 1px solid rgba(255, 255, 255, 0.2);
+            background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
+            color: #e2e8f0;
+            border: 1px solid rgba(226, 232, 240, 0.1);
             box-shadow:
-                0 1px 3px rgba(102, 126, 234, 0.3),
-                0 1px 2px rgba(102, 126, 234, 0.2),
-                inset 0 1px 0 rgba(255, 255, 255, 0.2);
+                0 1px 3px rgba(0, 0, 0, 0.2),
+                0 1px 2px rgba(0, 0, 0, 0.1),
+                inset 0 1px 0 rgba(255, 255, 255, 0.05);
             position: relative;
             overflow: hidden;
             transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+            backdrop-filter: blur(10px);
         }
 
         .jsrei-link::before {
@@ -732,19 +733,20 @@
             left: 0;
             right: 0;
             bottom: 0;
-            background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 50%);
+            background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, transparent 50%);
             opacity: 0;
             transition: opacity 0.3s ease;
         }
 
         .jsrei-link:hover {
-            background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 50%, #ec4899 100%);
-            transform: translateY(-2px);
+            background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);
+            transform: translateY(-1px);
             box-shadow:
-                0 4px 15px rgba(102, 126, 234, 0.4),
-                0 2px 8px rgba(102, 126, 234, 0.3),
-                inset 0 1px 0 rgba(255, 255, 255, 0.3);
-            border-color: rgba(255, 255, 255, 0.3);
+                0 4px 12px rgba(0, 0, 0, 0.25),
+                0 2px 6px rgba(0, 0, 0, 0.15),
+                inset 0 1px 0 rgba(255, 255, 255, 0.1);
+            border-color: rgba(226, 232, 240, 0.2);
+            color: #f7fafc;
         }
 
         .jsrei-link:hover::before {
@@ -754,14 +756,14 @@
         .jsrei-link span {
             font-weight: 600;
             letter-spacing: 0.025em;
-            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
         }
 
         .jsrei-link svg {
             width: 18px;
             height: 18px;
             fill: currentColor;
-            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
+            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
         }
 
         /* GitHub 徽标样式 */