style(about): 优化兴趣项样式并修复语言切换逻辑

- 调整兴趣项背景色、内边距和圆角，增强视觉效果
- 增加悬停状态下的阴影和边框变化动画
- 修改字体权重以提升文字可读性
- 修复中英文切换按钮标签显示错误的问题
- 根据当前语言和主题动态设置主题切换按钮提示文本

css/about.css

@@ -2209,23 +2209,26 @@ body {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 15px;
-    /*height: 100%; */
     margin-top: 1rem;
     align-content: center;
 }
 
 .interest-item {
-    background: rgba(128, 128, 128, 0.05);
-    padding: 5px;
-    border-radius: 2px;
+    background: rgba(255, 255, 255, 0.65);
+    padding: 12px;
+    border-radius: 12px;
     display: flex;
     align-items: center;
-    gap: 2px;
-    transition: background 0.3s;
+    gap: 10px;
+    transition: background 0.25s, box-shadow 0.25s, border-color 0.25s;
+    border: 1px solid rgba(128, 128, 128, 0.12);
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
 }
 
 .interest-item:hover {
-    background: rgba(128, 128, 128, 0.1);
+    background: rgba(255, 255, 255, 0.9);
+    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10);
+    border-color: rgba(108, 92, 231, 0.25);
 }
 
 .i-emoji {
@@ -2250,6 +2253,7 @@ body {
     background-clip: text;
     color: transparent;
     -webkit-text-fill-color: transparent;
+    font-weight: 600;
 }
 
 .i-text span:not(.i-emoji) {