feat(about): 增强个人介绍页面功能与样式

- 添加简介文本折叠/展开功能
- 实现导航栏滚动时的视觉变化效果
- 为姓名和角色标题添加动画渐变效果
- 更新技能标签云的动画和布局
- 优化GitHub数据获取逻辑，支持分页加载更多仓库
- 移除旧的缓存配置，简化代码结构
- 调整响应式设计中的评论框内边距
- 统一文本对齐方式并增强可读性
- 修复技能展示区域的marquee动画实现
- 添加新的CSS工具类以支持动态交互效果

about.html

@@ -94,13 +94,14 @@
             <!-- [2] 简介与格言 (Bio) -->
             <div class="bento-card area-bio">
                 <div class="card-label" data-i18n="bio.label">About Me</div>
-                <p class="bio-text" data-i18n="bio.text">
+                <p class="bio-text collapsed" data-i18n="bio.text">
                     "我是一名充满热情的Java后端开发工程师，专注于AI技术的探索与应用。来自湖南，现在上海工作，享受在这座充满活力的城市中追求技术梦想。"
                 </p>
                 <div class="quote-box">
                     <i class="ri-double-quotes-l"></i>
                     <p data-i18n="bio.quote">"我追求技术的深度理解而非广度堆砌，每一项技术的学习都源于解决实际问题的内在驱动。作为INFJ人格类型，我善于深度思考，注重细节，喜欢通过代码创造有意义的产品。我相信技术的力量能够改变世界，也热衷于在开源社区中分享知识与经验。 "</p>
                 </div>
+                <button id="bio-toggle" class="link-btn" aria-label="Toggle Bio">展开/收起</button>
             </div>
 
             <!-- [3] 数据统计 (Stats) -->